<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>MyStyle - 账目</title>
<link href="https://cdn.bootcss.com/bootstrap-switch/3.3.4/css/bootstrap3/bootstrap-switch.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
<script type="text/javascript" src="http://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

<script type="text/javascript" src="../../theme/js/common.js"></script>
<script type="text/javascript" src="../../theme/js/head_menu.js"></script>

<script src="https://cdn.bootcss.com/moment.js/2.18.1/moment.min.js"></script>
<script src="https://cdn.bootcss.com/moment.js/2.18.1/locale/zh-cn.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-switch/3.3.4/js/bootstrap-switch.min.js"></script>

<script type="text/javascript" src="../../theme/RGraph4/libraries/RGraph.common.core.js" ></script>
<script type="text/javascript" src="../../theme/RGraph4/libraries/RGraph.common.effects.js" ></script>
<script type="text/javascript" src="../../theme/RGraph4/libraries/RGraph.common.dynamic.js" ></script>
<script type="text/javascript" src="../../theme/RGraph4/libraries/RGraph.common.tooltips.js" ></script>
<script type="text/javascript" src="../../theme/RGraph4/libraries/RGraph.pie.js" ></script>
<script type="text/javascript" src="../../theme/RGraph4/libraries/RGraph.line.js" ></script>
<script type="text/javascript" src="../../theme/RGraph4/libraries/RGraph.bar.js" ></script>

<script type="text/javascript" src="account.js"></script>
</head>
<body>

	<div style="margin-top: 60px;">
		<div class="container form-horizontal">
		    <!-- 记一笔 -->
			<!-- <div class="row">
				<div class="col-xs-12 col-md-12">
			        <div class="form-group col-md-6">
			            <div class="col-md-2"></div>
			            <div class="col-md-8">
			                <button type="button" id="incomeBtn" class="btn btn-danger btn-block i18n-text">income_record</button>
			            </div>
			            <div class="col-md-2"></div>
			        </div>
			        
					<div class="form-group col-md-6">
			            <div class="col-md-2"></div>
			            <div class="col-md-8">
			                <button type="button" id="costBtn" class="btn btn-danger btn-block i18n-text">cost_record</button>
			            </div>
			            <div class="col-md-2"></div>
			        </div>
				</div>
			</div> -->
			
			<!-- tab页 -->
			<div class="row" style="margin-bottom: 10px;">
				<div class="col-xs-12 col-md-12">
					<ul class="nav nav-tabs">
					  <li role="presentation" class="active"><a href="#" class="i18n-text">stat</a></li>
		              <li role="presentation"><a href="bi.html" class="i18n-text">bi</a></li>
					  <li role="presentation" class="dropdown">
					    <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
					        <span class="i18n-text">accounting</span>&nbsp;<span class="caret"></span>
					    </a>
					    <ul class="dropdown-menu">
					      <li><a href="#" id="incomeBtn" class="i18n-text">income_record</a></li>
                          <li><a href="#" id="costBtn" class="i18n-text">cost_record</a></li>
					    </ul>
					  </li>
					</ul>
			   </div>
			</div>
			
			<!-- 月·统计图 -->
			<div class="row">
				<div class="col-xs-12 col-md-12" id="ajaxLoading1">
			        <div class="form-group col-md-6">
			            <div class="col-md-12" align="center" id="parent_pie_month_ic_cvs_id">
			                <div class="input-group date" id="monthPicker1">
				                <input type="text" id="monthDatetime" class="form-control" placeholder="选择年月，给出统计">
				                <span class="input-group-addon">
			                        <span class="glyphicon glyphicon-calendar"></span>
			                    </span>
			                    <span class="input-group-addon account-month-search">
			                        <span class="glyphicon glyphicon-search"></span>
			                    </span>
						    </div>
						    <hr>
			                <canvas id="pie_month_ic_cvs_id" width="350" height="300">[No canvas support]</canvas>
			            </div>
			        </div>
			        
					<div class="form-group col-md-6">
			            <div class="col-md-12" align="center">
			                <input type="checkbox" name="monthCheckbox" checked>
			                <hr>
			                <div id="parent_bar_month_ic_cvs_id">
			                    <canvas id="bar_month_ic_cvs_id" width="400" height="300">[No canvas support]</canvas>
			                </div>
			            </div>
			        </div>
				</div>
			</div>
			
			<!-- 年·统计图 -->
			<div class="row">
				<div class="col-xs-12 col-md-12" id="ajaxLoading2">
			        <div class="form-group col-md-6">
			            <div class="col-md-12" align="center">
			                <div class="input-group date" id="yearPicker1">
				                <input type="text" id="yearDatetime" class="form-control" placeholder="选择年，给出统计">
				                <span class="input-group-addon">
			                        <span class="glyphicon glyphicon-calendar"></span>
			                    </span>
			                    <span class="input-group-addon account-year-search">
			                        <span class="glyphicon glyphicon-search"></span>
			                    </span>
						    </div>
						    <hr>
						    <div id="parent_pie_year_ic_cvs_id">
						        <canvas id="pie_year_ic_cvs_id" width="350" height="300">[No canvas support]</canvas>
						    </div>
			            </div>
			        </div>
			        
					<div class="form-group col-md-6">
			            <div class="col-md-12" align="center" id="parent_line_ic_cvs_id">
			                <input type="checkbox" name="yearCheckbox" disabled="disabled">
			                <hr>
			                <canvas id="line_ic_cvs_id" width="400" height="300">[No canvas support]</canvas>
			            </div>
			        </div>
				</div>
			</div>
			
		</div>
	</div>
	
</body>
</html>